/* 超小设备（手机，小于 768px） */
/* Bootstrap 中默认情况下没有媒体查询 */

// @screen-sm-min: 768px;
// /* 小型设备（平板电脑，768px 起） */
// @media (min-width: @screen-sm-min) {
//   ...;
// }
// @screen-md-min: 992px;
// /* 中型设备（台式电脑，992px 起） */
// @media (min-width: @screen-md-min) {
//   ...;
// }
// @screen-lg-min: 1200px;

// /* 大型设备（大台式电脑，1200px 起） */
// @media (min-width: @screen-lg-min) {
//   .login-container {
//     margin-top: 40px;
//     top: 0;
//     left: 50%;
//     -webkit-transform: translate(-50%, 0);
//     transform: translate(-50%, 0);
//   }
// }
@screen-lg-max: 1200px;
/* 大型设备（大台式电脑，小于 1200px） */
@media (max-width: @screen-lg-max) {
  .login-container {
    margin-top: 40px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .login-box {
    width: 960px;
    height: 540px;
  }
}
@screen-md-max: 992px;
/* 中型设备（台式电脑，小于 992px） */
@media (max-width: @screen-md-max) {
  .login-box {
    width: 100vw;
  }
}

@screen-sm-max: 768px;
/* 小型设备（平板电脑，小于 768px） */
@media (max-width: @screen-sm-max) {
  .login-box-left {
    display: none;
  }
  .login-box {
    width: 100vw;
    height: 100vh;
  }
}
